(function () {
    const oEchart = echarts.init(document.getElementById('bar01'));
    oEchart.setOption({
        title: {
            text: 'bar',
            left: 'center'
        },
        tooltip: {
            show: true
        },
        xAxis: { //坐标轴设置
            type: 'category', //类型，category类目型，必须通过data设置类目数据
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            // position: 'top' //设置坐标轴位置
        },
        yAxis: { //坐标轴设置
            type: 'value' //类型,value数值型,默认会自动从目标数据中读取数据
        },
        legend: { //图例配置
            data: ['数量1', '数量2'], //data中的数据需要和series中的每一项的name对应上
            bottom: 10
        },
        series: [
            {
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'bar',
                name: '数量1',
                barWidth: '30%', //设置柱形的宽度
                markPoint: {//最大值,最小值
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },
                markLine: { //平均值
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                },
                label: {
                    rotate: 60, //旋转角度
                    position: 'right', //数值位置
                    show: true //显示具体数值
                }
            },
            {
                data: [720, 1832, 801, 134, 1190, 1430, 1220],
                type: 'bar',
                name: '数量2',
                barWidth: '30%',
                markPoint: {//最大值,最小值
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                },
                label: {
                    show: true,
                    rotate: 60,
                    position: 'right'
                }
            }
        ]
    })
})()